<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
	<title>寻求技能</title>
	<link rel="stylesheet" type="text/css" href="../css/jquery.mobile-1.4.5.min.css">
	<link rel="stylesheet" type="text/css" href="../css/findSkill.css">
</head>
<body>
	 <div id="main">
	    <section id="findSkill" data-role="page" data-title="寻求技能">
            <div data-role="header">
                <div id="classification" class="height25">
                    <div id="chooseType">
                        <ul>
                            <li>全  部</li>
                            <li>P S</li>
                            <li>绘  画</li>
                            <li>摄  影</li>
                            <li>外  语</li>
                            <li>计算机</li>
                        </ul>
                    </div>
                </div>
            </div>

            <div data-role="content" class="content overFlow">
		        <div class="height25"></div>
        	 	<div id="messageList">
        	 	  	<ul>
        	 	  	</ul>
        	 	</div>

        	 	<div id="releaseNeed" class="rightTool">
        	 	  	<a href="#controlPanel" data-role="button" data-icon="grid" data-iconpos="notext" data-transition="slide" class="bigIcon">导航</a>
        	 	</div>
            </div>

            <div data-role="panel" id="controlPanel">
                 <h2>导航</h2>
                 <div id="panelContent">
                       <a href="#needForm" data-role="button" data-icon="info" data-transition="slide">发布需求</a>

                       <a href="help.html" data-ajax="false" data-role="button" data-icon="plus" data-transition="pop">提供帮助</a>

                       <a href="userInfo.html" data-ajax="false" data-role="button" data-icon="home" data-transition="pop">我的信息</a>

                       <a href="##" data-rel="close" data-role="button" data-icon="back">返回页面</a>
                 </div>
            </div>
		</section>

        <section id="needForm" data-role="page" data-title="发布需求">
        	<div class="rightTool">
        	  	<a href="#findSkill" data-role="button" data-direction="reverse" data-icon="back" data-iconpos="notext" data-transition="pop" class="bigIcon">返回</a>
        	</div>
        	
        	<div id="needBody" data-role="content" class="ui-content">
                <form>
                     <label for="title" id="titleWar">标题:</label>
                     <input type="text" data-mini="true" id="title" placeholder="为你的信息取一个标题">

                     <fieldset data-role="controlgroup" id="skillClass">
                         <legend>技能分类:</legend>
                         <label for="ps">P S</label>
                         <input type="radio" name="radiob" id="ps" value="PS">
                         <label for="painting">绘  画</label>
                         <input type="radio" name="radiob" id="painting" value="绘画">
                         <label for="photography">摄  影</label>
                         <input type="radio" name="radiob" id="photography" value="摄影">
                         <label for="languages">外  语</label>
                         <input type="radio" name="radiob" id="languages" value="外语">
                         <label for="computer">计算机</label>
                         <input type="radio" name="radiob" id="computer" value="计算机">
                     </fieldset>

                     <label for="skillSet" id="skillSetWar">需要技能设定:</label>
                     <textarea rows="5"  cols="20" placeholder="您对所需技能的要求" id="skillSet"></textarea>

                     <fieldset data-role="controlgroup" id="remuneration">
                         <legend>报酬类型:</legend>
                         <label for="RMB">人民币</label>
                         <input type="radio" id="RMB" name="radioa" checked="true" value="rmb">
                         <label for="skillChange">技能</label>
                         <input type="radio" id="skillChange" name="radioa" value="skill">
                     </fieldset>

                     <label for="remSet" id="remChoose">报酬设定:</label>
                     <div id="remType">
                         <input type="number" placeholder="请输入金额" data-mini="true" id="remSet">
                     </div>

                     <label for="limitTime" id="limitWar">时间限制:(天)</label>
                     <input type="number" id="limitTime" data-mini="true" placeholder="请输入天数">

                     <label for="telephone" id="phoneWar">电话:</label>
                     <input type="number" id="telephone" data-mini="true" placeholder="电话">

                     <label for="QQ" id="qqWar">QQ:</label>
                     <input type="text" id="QQ" data-mini="true" placeholder="QQ号码">

                     <div id="submitForm">
                         <button type="reset" data-inline="true">重置</button>
                         <button type="button" data-inline="true" id="releaseGo">发布</button>
                     </div>
                </form>
        	</div>
        </section>

        <section id="details" data-role="page" data-title="详细信息">
        	<div class="rightTool">
        	  	<a href="#findSkill" data-role="button" data-direction="reverse" data-icon="back"    data-iconpos="notext" data-transition="pop" class="bigIcon">返回</a>
        	</div>

        	<div id="detailed" data-role="content">
        		<div id="theTitle">
                   标题在此
                </div>

                <div id="releaseTime">
                    发布时间
                </div>

                <div id="skillType">
                    技能分类
                </div>

                <div id="people">
                    发布人
                </div>

                <div id="theRem">
                    报酬
                </div>

                <div id="requirement">
                    技能要求
                </div>

                <div id="nnedTime">
                    时间限制
                </div>

                <div id="contactQQ">
                    联系方式
                </div>

                <div id="contactPhone">
                    联系方式
                </div>

                <div id="handle">
                    <button type="reset" data-inline="true" id="report">举报</button>
                    <button type="button" data-inline="true" id="accept">接受</button>
                </div>
        	</div>
        </section>
	 </div>

      <script type="text/javascript" src="../js/jquery.min.js"></script>
      <script type="text/javascript" src="../js/jquery.mobile-1.4.5.min.js"></script>
      <script type="text/javascript" src="../js/jquery.cookie.js"></script>
      <script type="text/javascript" src="../js/findSkill.js"></script>
</body>
</html>